<style>
h1{text-align:center;line-height:40px;font-size:16px}
.entryFlow-content{
    border-bottom:1px solid #d8d8d8;
    padding:7px 0;
}
.entryFlow-content .hint-text{display:inline-block}
.entryFlow-content .hint-text label{padding-left:15px}
.entryFlow-content .hint-text input[type="text"]{width:110px}
.entryFlow-left{
	border:1px solid #d8d8d8;
	width:150px;
	height:395px;
	float:left
}
.entryFlow-right{
	border:1px solid #d8d8d8;
	width:calc(100% - 170px);
	height:395px;
	float:right
}
.entryFlow-left .title{
    height:35px;
    line-height:35px;
    background:#18a0da;
    border-bottom:1px solid #d8d8d8;
    text-align:center;
    color:#fff;
}
.pnNodebtn{
	width:130px;
    border:1px solid #d8d8d8;
    margin:10px;
    padding:8px 0;
    text-align:center;
    cursor:pointer;
    color:#5a5a5a;
    background:linear-gradient(#fff,#f0f0f0);
    background:-webkit-linear-gradient(#fff,#f0f0f0);
    background:-moz-linear-gradient(#fff,#f0f0f0);
    background:-o-linear-gradient(#fff,#f0f0f0);
}
.pnNodebtn:hover{
    background:linear-gradient(#f0f0f0,#fff);
    background:-webkit-linear-gradient(#f0f0f0,#fff);
    background:-moz-linear-gradient(#f0f0f0,#fff);
    background:-o-linear-gradient(#f0f0f0,#fff);
}
</style>
<script>
    var pnEditJs = null;
    $(document).ready(function(){
    	 pnEditJs = new processNodeEditJs($("#processNodeEditDiv"));
    });
</script>
<div id="processNodeEditDiv">
<h1 id="title"></h1>
<div>
	<div class="entryFlow-left">
	  <div class="title">流程节点</div>
      <div id="nodeDiv">
      
      </div>
	</div>
	<div class="entryFlow-right">
	   <div class="entryFlow-content">
	      <div class="hint-text">
			<label>连接类型：</label>
			<input type="text" id="connType" style="width: 100px;"/>
		  </div>
		  <div class="hint-text">
			<label>连接节点：</label>
			<input type="text" id="bgNode" class="k-textbox" style="width: 150px;"/>
			<span>&rarr;</span>
			<input type="text" id="edNode" class="k-textbox" style="width: 150px;"/>
		  </div>
	   </div>
	   <div id="processNodeList" style="height: 350px;"></div>
	</div>
<!--确定、取消btn-->
	<div class="basicInfo-btn">
		<button class="save" data-bind="click:saveSystemInfo">确定</button> 
		<button class="cancel" data-bind="click:closeWindow">取消</button>
	</div>
</div>
</div>